﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>404错误页面</title>
<meta name="Keywords" content="404错误页面"/>
<meta name="Description" content="404错误页面"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="css/error404.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">setTimeout(function(){top.location='/';},5000)</script>
<style>
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}
a { text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); }
a:link { color: #000;}
a:visited { color: #000; }
a:hover, a:active, a:focus {  color: #00C424; }
img {border: none;}
.error404 {width: 100%; margin: 0 auto; text-align: center; font-size:12px; font-family:Arial,Microsoft YaHei,SimSun;}
.error404 .info {width: 98%;  padding-left:1%; padding-right: 1%; clear: both;}
.error404 .info h1 {font-size: 102px; font-weight: 700; margin-top: 130px; line-height: 105px; color: #00C424; text-transform: uppercase;}
.error404 .info h2 {font-size: 33px; line-height: 33px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; margin-top: 20px;}
.error404 .info p.p1 {font-size: 16px;}
.error404 .info .menu {font-size: 16px; line-height: 24px; font-weight: 300; color: #000000; text-transform: uppercase; margin: 15px 0;}
.error404 .info .menu a {white-space: nowrap; padding-left: 5px; padding-right: 5px;}
.error404 .info .btn {font-size: 18px; font-weight: 600; color: #ffffff; border: 0px solid; border-bottom: 2px solid; border-color: #00C424; padding: 10px 41px; border-radius: 5px; background: none; text-transform: uppercase; display: inline-block; margin: 20px 20px 0 0; background-color: #00C424; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-decoration: none; cursor: pointer;}
.error404 .info .btn:hover {background: #00911A; color: #ffffff; text-decoration: none;}
.error404 .info .btn-brown {border-color: #9f9f9f; background-color: #9f9f9f;}
.error404 .info .btn-brown:hover {background: #7b7b7b;}
@media (max-width:1280px ) {
	.error404 {width: 100%; text-align: center;}
	.error404 .info {width:98%; padding-left:1%; padding-right: 1%; clear: both;}
	.error404 .info h2 {font-size: 30px;}
}
@media (max-width:1050px ) {
	.error404 {width: 100%; text-align: center;}
	.error404 .info {width: 98%; padding-left:1%; padding-right: 1%; clear: both;}
	.error404 .info h1 {font-size: 98px;}
	.error404 .info h2 {font-size: 23px;}
}
@media (max-width:768px ) {
	.error404 {width: 100%; text-align: center;}
	.error404 .info {width: 98%; padding-left:1%; padding-right: 1%; clear: both;}
	.error404 .info h1 {margin-top: 10px; margin-bottom: 10px;}
	.error404 .pic {width: 100%; clear: both; text-align: center; margin-top: 0;}
}
</style>
</head>
<body>
	<div class="error404">
		<div class="info">
			<h1>404</h1>
			<h2>抱歉，您访问的页面不存在或已被删除！ (｡•ˇ‸ˇ•｡)</h2>
			<p class="p1">5秒钟后将带您返回首页</p>
				
			
			<a href="/" class="btn">返回首页</a>
			<a onClick="javascript :history.go(-1);" class="btn btn-brown">返回上页</a>
		</div>
	</div>
</body>
</html>